<template>
  <view>
    <view :style="{ height: statusBarHeight + 'px' }"></view>
  </view>
</template>

<script>
export default {
  name: "StatusBar",
  data() {
    let statusBarHeight = 20;
    const phoneInfo = uni.getSystemInfoSync(); // 获取手机系统信息
    // getStatusBarHeight: 获取安全高度 状态栏高度
    // getTitleBarHeight：标题栏高度 胶囊按钮高度
    // getNavBarHeight：两者相加的（填充层）
    statusBarHeight = phoneInfo.statusBarHeight; // 设置状态栏高度
    return {
      statusBarHeight: statusBarHeight,  // 设置状态栏高度
    }
  },
}
</script>

<style>
</style>
